<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=0,user-scalable=0">
    [#include "/wap/include/static.html"]
    <link rel="stylesheet" href="${path}/resources/wap/css/me/invest.css"/>
</head>
<body>
<style>
    .sel{
        border-bottom: 0.0853333333rem solid #ff5600;
    }


</style>
<!--头部-->
<div id="header" >
    <div class="left" onclick="window.location.href='${path}/wap/member'">
        <img id="goBack" src="${path}/resources/wap/img/invest/back.png">
    </div>

    <div class="center">
        我的投资
    </div>
</div>
<!--选择-->
<nav>
    <div class="nav-left"><div class="left-details  [#if type=='repaying']sel[/#if]"><a href="${path}/wap/member/loan?type=repaying">投资中</a></div></div>
    <div class="nav-right"><div class="right-details  [#if type=='payed']sel[/#if]" id="right-details"><a href="${path}/wap/member/loan?type=payed">已还款</a></div></div>
</nav>

<!--投资详情-->
<div  id="invests">
<div class="invest" id="invest">

</div>
    <div class="invest" id="invest">
[#--#/member/loan/payed repaying--]
</body>

<script>
    var page = 1;
    $(function(){
        $('#invests').dropload({
            scrollArea : window,
            loadDownFn : function(me){
                next(page);
            }
        });

    });
    next(1);
    function next(pg){
        ajax({
            url: "${path}/wap/member/loan/${type}",
            type: "POST",
            dataType: "text",
            cache: false,
            data:{"currentPage":pg},
            success: function(result) {
                $("#invest").append(result);
                page = page+1;

            },error:function(result){

            }
        });


    }
</script>

<script src="${path}/resources/wap/js/load/dropload.min.js"></script>

</html>